function Slide_ShowBanner(selector)
    {
        $(selector).find("li:first-child").css("z-index", 2).show();
        i = 1;        
        setInterval(function () {
            $(selector).find("li:nth-child(" + i + ")").css("z-index", 0).fadeOut(2000);
            i++;
            if (i > $(selector).find("li").length)
                i = 1;
            $(selector).find("li:nth-child(" + i + ")").css("z-index", 2).fadeIn(2000);
        },8000);
    }
    function SlideLeftOjectNoMargin(nitem, element) {
        var widthOver = $(element).find(".overHide").width();
        var widthUL = 0;
        $(element).find("li").each(function () {
            $(this).css({
                "width": widthOver / nitem + 1,
            });
            widthUL += 101 + widthOver / nitem - widthOver / 100 + widthOver / 100 + widthOver / 100 / (nitem - 1);
        });
        $(element).find("ul").width(widthUL);
        var nLeft = 0;
        $(element).find(".next").click(function () {
            var item = $(element).find("ul").find("li:first-child");
            var item3 = $(element).find("ul").find("li:nth-child(" + (nitem + 1) + ")").addClass("show");
            $(element).find("ul").animate({
                "left": (-1) * item.outerWidth(true)
            }, 1000, "swing", function () {
                $(this).find("li:first-child").removeClass("show");
                $(this).append(item);
                $(this).css("left", 0);
            });
        });

        $(element).find(".prev").click(function () {
            var item = $(element).find("ul").find("li:last-child");
            $(element).find("ul").css("left", (-1) * item.outerWidth(true));
            $(element).find("ul").prepend(item);
            $(element).find("ul").animate({
                "left": 0
            }, 1000, "swing");
        });

        var IntervalPhotoFooter = setInterval(function () { $(element).find(".next").trigger("click") }, 5000);
        $(element).hover(function () {
            clearInterval(IntervalPhotoFooter);
        }, function () {
            IntervalPhotoFooter = setInterval(function () { $(element).find(".next").trigger("click") }, 4000);
        });
    }
    function SlideLeftOjectMargin(nitem, element) {
        var widthOver = $(element).find(".overHide").width();
        var widthUL = 0;
        $(element).find("li").each(function () {
            $(this).css({
                "width": widthOver / nitem - widthOver / 100 * 1.5,
                "marginRight": widthOver / 100 * 1.5 + widthOver / 100 / (nitem - 1) * 1.5
            });
            widthUL += 100 + widthOver / nitem - widthOver / 100 + widthOver / 100 + widthOver / 100 / (nitem - 1);
        });
        $(element).find("ul").width(widthUL);
        var nLeft = 0;
        $(element).find(".next").click(function () {
            var item = $(element).find("ul").find("li:first-child");
            $(element).find("ul").animate({
                "left": (-1) * item.outerWidth(true)
            }, 1000, "swing", function () {
                $(this).append(item);
                $(this).css("left", 0);
            });
        });

        $(element).find(".prev").click(function () {
            var item = $(element).find("ul").find("li:last-child");
            $(element).find("ul").css("left", (-1) * item.outerWidth(true));
            $(element).find("ul").prepend(item);
            $(element).find("ul").animate({
                "left": 0
            }, 1000, "swing");
        });

        var IntervalPhotoFooter = setInterval(function () { $(element).find(".next").trigger("click") }, 3000);
        $(element).hover(function () {
            clearInterval(IntervalPhotoFooter);
        }, function () {
            IntervalPhotoFooter = setInterval(function () { $(element).find(".next").trigger("click") }, 3000);
        });
    }
    function TabScroll(selector) {
        $(selector).find("a").click(function (event) {
            event.preventDefault();
            $('html, body').stop().animate({ 'scrollTop': $($(this).attr("href")).offset().top }, 1000);
        });
        $(window).scroll(function () {

            $(selector).find("a").each(function () {
                if ($(window).scrollTop() >= $($(this).attr("href")).offset().top - 50) {
                    $(selector).find("li").removeClass("active");
                    $(this).parent().addClass("active");
                }
                if ($(window).scrollTop() + $(window).height() == $(document).height()) {
                    $(selector).find("li").removeClass("active");
                    $(selector).find("li:last-child").addClass("active");
                }
            });

        });
    }
    function Article_Slideshow(selector)
    {
        var left = $(selector).find(".leftboxes");
        var right = $(selector).find(".rightboxes");

        left.find("li:first-child").css("z-index", "1").show();        
        right.find("li:first-child").addClass("active");
        function slideAcitcle(show, hiden) {
            if (show != hiden) {
                left.find("li:nth-child(" + show + ")").css("z-index", "1").fadeIn(1500);
                left.find("li:nth-child(" + hiden + ")").fadeOut(1500, "swing", function () {
                    $(this).css("z-index", "0");
                });
                right.find("li").removeClass("active");
                right.find("li:nth-child(" + show + ")").addClass("active");
            }
        }

        var showActicle = 1, hidenActicle;
        left.find(".next").stop(true, true).click(function () {
            hidenActicle = showActicle;
            showActicle++;
            if (showActicle > left.find("li").length)
                showActicle = 1;
            slideAcitcle(showActicle, hidenActicle);
        });

        left.find(".prev").stop(true,true).click(function () {
            hidenActicle = showActicle;
            showActicle--;
            if (showActicle < 1)
                showActicle = left.find("li").length;

            slideAcitcle(showActicle, hidenActicle);
        });

        var slideVarlue = setInterval(function () {
            left.find(".next").trigger("click");
        }, 5000);
        
        var timer;
        right.find("li").hover(function () {
            var liHover = $(this);
            timer = window.setTimeout(function () {
                hidenActicle = showActicle;
                showActicle = liHover.index() + 1;
                slideAcitcle(showActicle, hidenActicle);
            }, 500);
        }, function () {
            clearTimeout(timer);
        });

        $(selector).hover(function () {
            clearInterval(slideVarlue);
            left.find(".prev").fadeIn();
            left.find(".next").fadeIn();
        }, function () {
            left.find(".prev").fadeOut();
            left.find(".next").fadeOut();
            slideVarlue = setInterval(function () {
                left.find(".next").trigger("click");
            },5000);
        });    
    }
    function Project_slideShow(selector, nitem)
    {
        // tinh toan chieu rong
        var widthOver = $(selector).find(".overHide").width();
        var widthUL = 0;
        $(selector).find("li").each(function () {
            $(this).css({
                "width": widthOver / nitem
            });
            widthUL += 100 + widthOver / nitem - widthOver / 100 + widthOver / 100 + widthOver / 100 / (nitem - 1);
        });
        $(selector).find("ul").width(widthUL);
     
        var widthItem = $(selector).find("li:first-child").outerWidth(true, true);
        $(selector).find(".next").click(function () {
            $(selector).find("ul").animate({ "left": (-1) * widthItem }, 1000, "swing", function () {
                $(this).append($(this).find("li:first-child")).css("left", 0);
            });
        });
        $(selector).find(".prev").click(function () {
            var item = $(selector).find("li:last-child");
            $(selector).find("ul").prepend(item).css("left", (-1) * widthItem).animate({ "left": 0 }, 1000, "swing");
        });
        var Slider = setInterval(function () {
            $(selector).find(".next").trigger("click");
        }, 4000);

        $(selector).hover(function () {
            clearInterval(Slider);
        }, function () {
            Slider = setInterval(function () {
                $(selector).find(".next").trigger("click");
            }, 4000);
        });
    }
	function SlideAside(selector) {		    

	    var slide_aside1 = setInterval(function () {
	        var item = $(selector).find('li:first-child');
			item.animate({ "marginTop": -1 * item.outerHeight(true,true) }, 1500, "swing", function () {
					$(this).css("marginTop", 0);                    
					$(this).parent().append(item);
			});
		},3000);
		
		$(selector).hover(function () {
			clearInterval(slide_aside1);
		}, function () {
		    slide_aside1 = setInterval(function () {
		        var item = $(selector).find('li:first-child');
		        item.animate({ "marginTop": -1 * item.outerHeight(true, true) }, 1500, "swing", function () {
						$(this).css("marginTop", 0);                    
						$(this).parent().append(item);
				});
			}, 3000);
		});
	}

	
    function Article_NewsSlideshow(selector)
    {
        if ($(selector).find("ul").length > 1) {
            // Tinh toan chieu rong            
            var widthContain = $(selector)[0].getBoundingClientRect().width;
            $(selector).find("ul").width(widthContain);
            // Them vao danh sach bai viet ao            
            $(selector).find(".listArticle").append($(selector).find("ul:first-child").clone());
            // Tinh toan chieu rong vung chua
            var nUL = $(selector).find("ul").length;
            $(selector).find(".listArticle").width(function () { return widthContain * nUL; });
            var index = 0;
            var slideVarlue = setInterval(function () {
                index++;
                if (index != nUL-1) 
                    $(selector).find(".listArticle").animate({ "marginLeft": (-1) * index * widthContain }, 1500, "swing");
                else {
                    $(selector).find(".listArticle").animate({ "marginLeft": (-1) * index * widthContain }, 1500, "swing", function () {
                        $(this).css("marginLeft", 0);
                    });                    
                    index = 0;
                }
            }, 5000);
            $(selector).hover(function(){
				clearInterval(slideVarlue);
			},function(){
				slideVarlue = setInterval(function () {
					index++;
					if (index != nUL-1) 
						$(selector).find(".listArticle").animate({ "marginLeft": (-1) * index * widthContain }, 1500, "swing");
					else {
						$(selector).find(".listArticle").animate({ "marginLeft": (-1) * index * widthContain }, 1500, "swing", function () {
							$(this).css("marginLeft", 0);
						});                    
						index = 0;
					}
				}, 5000);				
			});
           
        }
    }   
    function Videos_SlideShow(selector) {
        $(selector).find(".listLArticle li").hide()
        $(selector).find(".listLArticle li:first-child").show();
        if ($(selector).find(".listLArticle li").length > 1) {
            var show = 1;
            $(selector).find(".next").click(function () {
                $(selector).find(".listLArticle li:nth-child(" + show + ")").fadeOut("slow");
                show++;
                if (show == $(selector).find(".listLArticle li").length)
                    show = 1;
                $(selector).find(".listLArticle li:nth-child(" + show + ")").fadeIn("slow");
            });
            
            var slideVarlue = setInterval(function () {
                $(selector).find(".listLArticle li:nth-child(" + show + ")").fadeOut("slow");
                show++;
                if (show > $(selector).find(".listLArticle li").length)
                    show = 1;
                $(selector).find(".listLArticle li:nth-child(" + show + ")").fadeIn("slow");
                $(selector).find(".navArticle li").removeClass("active");
                $(selector).find(".navArticle li:nth-child(" + show + ")").addClass("active");
            },"4000");
            $(selector).hover(function () {
                clearInterval(slideVarlue);                
            }, function () {
                slideVarlue = setInterval(function () {
                    $(selector).find(".listLArticle li:nth-child(" + show + ")").fadeOut("slow");
                    show++;
                    if (show > $(selector).find(".listLArticle li").length)
                        show = 1;
                    $(selector).find(".listLArticle li:nth-child(" + show + ")").fadeIn("slow");
                    $(selector).find(".navArticle li").removeClass("active");
                    $(selector).find(".navArticle li:nth-child(" + show + ")").addClass("active");
                }, "4000");
            });        
        }        
    }
    
    function DoiTacSlide(selector)
    {
        // Đối tác
        // tinh toan chieu rong
        var widthContain = 0;
        $(selector).find("li").each(function () {
            widthContain += $(this).outerWidth(true, true) + 2;
        });
        $(selector).find("ul").width(widthContain);
        var widthItem = $(selector).find("li:first-child").outerWidth(true, true);
        var Slider = setInterval(function () {
            $(selector).find("li:first-child").animate({ "marginLeft": (-1) * widthItem }, 1000, "swing", function () {
                $(this).parent().append($(this).css("marginLeft", 0));
            });
        }, 4000);

        $(selector).hover(function () {
            clearInterval(Slider);
        }, function () {
            Slider = setInterval(function () {
                $(selector).find("li:first-child").animate({ "marginLeft": (-1) * widthItem }, 1000, "swing", function () {
                    $(this).parent().append($(this).css("marginLeft", 0));
                });
            }, 4000);
        });
    }

    function MarqueeVertical(selector)
    {
        var heightUL = 0;
        $(selector).find("li").each(function () {
            heightUL += $(this).outerHeight(true, true);
        });

        if (heightUL > $(selector).height()) {
            $(selector).append(function () {
                return $(this).find("ul").clone();
            });

            var imargin = 0;
            var slideMarquee = setInterval(function () {
                imargin++;
                if (imargin >= heightUL)
                    imargin = 0;
                $(selector).find("ul").css("top", (-1) * imargin);
            }, 40);
            $(selector).hover(function () {
                clearInterval(slideMarquee);
            }, function () {
                slideMarquee = setInterval(function () {
                    imargin += 2;
                    if (imargin >= heightUL)
                        imargin = 0;
                    $(selector).find("ul").css("top", (-1) * imargin);
                }, 40);
            });
        }
    }
    
    function Slide_Feature(selector)
    {
        var widthContain = 0;        
        // Set lai chieu rong cho cac item va vung chua
        $(selector).find(".listFeatue li").each(function () {
            $(this).width($(this).width());
            $(this).css("marginRight", $(this).css("margin-right"));

            widthContain += $(this).outerWidth(true, true);
        });
        $(selector).find(".listFeatue").width(widthContain);
        $(selector).find(".listThumbnail li:first-child").addClass("active");
        $(selector).find(".listThumbnail li:nth-child(2)").addClass("active");

        var widthItem = $(selector).find(".listFeatue li:first-child").outerWidth(true, true);        
        function SlideShowBanner(index) {
            $(selector).find(".listFeatue").animate({ "marginLeft": (-1) * index * widthItem },1000, "swing");
            $(selector).find(".listThumbnail li").removeClass("active");
            $(selector).find(".listThumbnail li:nth-child(" + (index + 1) + ")").addClass("active");
            $(selector).find(".listThumbnail li:nth-child(" + (index + 2) + ")").addClass("active");
        }
        var iIndex = 1;
        $(selector).find(".next").click(function () {
            iIndex++;           
            if (iIndex == $(selector).find(".listFeatue li").length - 1) {                
                iIndex = 0;
            }
            SlideShowBanner(iIndex);
        });
        $(selector).find(".prev").click(function () {
            iIndex--;
            //alert(iIndex);
            if (iIndex <= -1) {
                iIndex = $(selector).find(".listFeatue li").length - 2;

            }
            SlideShowBanner(iIndex);
        });
        var slideArticle = setInterval(function () {
            $(selector).find(".next").trigger("click");
        }, 5000);
        $(selector).hover(function () {
            $(this).find(".next").fadeIn();
            $(this).find(".prev").fadeIn();
            clearInterval(slideArticle);
        }, function () {
            $(this).find(".next").fadeOut();
            $(this).find(".prev").fadeOut();
            slideArticle = setInterval(function () {
                $(selector).find(".next").trigger("click");
            }, 5000);
        });
    }
    function Slider_ProjectPhotos(selector)
    {
        var PhotoSlider = $(selector).find(".sliderPhotos");
        var ThumbnailSlider = $(selector).find(".thumbnail");
        // add thêm 2 item vào đầu và cuối
        PhotoSlider.find("ul").prepend(PhotoSlider.find("li:last-child").clone());
        PhotoSlider.find("ul").append(PhotoSlider.find("li:nth-child(2)").clone());
        //tính toán chiều rộng cho từng item.        
        PhotoSlider.find("li").css("width", PhotoSlider.width());
        PhotoSlider.find("ul").css("width", PhotoSlider.width() * PhotoSlider.find("li").length);
        
        ThumbnailSlider.find("li:first-child").addClass("active");
        // tính toán lại margin cho đúng
        PhotoSlider.find("ul").css("marginLeft", (-1) * PhotoSlider.width());

        function SlideShowBanner(index) {
            PhotoSlider.find("ul").animate({ "marginLeft": (-1) * index * PhotoSlider.width() }, 1000, "swing");
            ThumbnailSlider.find("li").removeClass("active");
            ThumbnailSlider.find("li:nth-child(" + index + ")").addClass("active");            
        }
        var indexSlide = 1;
        $(selector).find(".next").click(function () {
            indexSlide++;
            if (indexSlide == PhotoSlider.find("li").length - 1) {
                PhotoSlider.find("ul").animate({ "marginLeft": (-1) * indexSlide * PhotoSlider.width() }, 1000, "swing", function () {
                    PhotoSlider.find("ul").css("marginLeft", (-1) * PhotoSlider.width());
                });

                ThumbnailSlider.find("li").removeClass("active");
                ThumbnailSlider.find("li:first-child").addClass("active");                
                indexSlide = 1;
            }
            else SlideShowBanner(indexSlide);
        });
        $(selector).find(".prev").click(function () {
            indexSlide--;
            if (indexSlide == 0) {
                PhotoSlider.find("ul").animate({ "marginLeft": 0 }, 2000, "swing", function () {
                    PhotoSlider.find("ul").css("marginLeft", (-1) * (PhotoSlider.find("li").length - 2) * PhotoSlider.width());
                });

                ThumbnailSlider.find("li").removeClass("active");
                ThumbnailSlider.find("li:last-child").addClass("active");                
                indexSlide = PhotoSlider.find("li").length - 2;
            }
            else SlideShowBanner(indexSlide);
        });
        var slideShow = setInterval(function () {
            $(selector).find(".next").trigger("click");
        }, 5000);
        $(selector).hover(function () {
            $(selector).find(".next").fadeIn();
            $(selector).find(".prev").fadeIn();
            clearInterval(slideShow);
        }, function () {
            slideShow = setInterval(function () {
                $(selector).find(".next").fadeOut();
                $(selector).find(".prev").fadeOut();
                $(selector).find(".next").trigger("click");
            }, 5000);
        });
        ThumbnailSlider.find("li").click(function () {
            indexSlide = $(this).index() + 1;
            SlideShowBanner(indexSlide);
        });
        ThumbnailSlider.find("li").click(function () {
            indexSlide = $(this).index() + 1;
            SlideShowBanner(indexSlide);
        });
    }